JavaScript yang Terkemuka: Pengantar Modern dalam Pemrograman: Merancang untuk Fleksibilitas: Antarmuka Tabel

Dasar dari sistem yang fleksibel terletak pada definisi kontrak internal yang kaku kontrak atau antarmuka yang harus diikuti objek. Dalam konteks ini, kita mendefinisikan sebuah Antarmuka Tabel di mana setiap objek sel menjamin keberadaan tiga metode khusus: minLebar(), , minTinggi(), dan gambar(lebar, tinggi).

1. Kontrak Antarmuka

Dengan mengandalkan metode-metode ini secara standar, logika tata letak dapat menghitung dimensi baris dan kolom secara keseluruhan tanpa perlu mengetahui tipe data internal dari masing-masing sel. Ini merupakan contoh klasik dari Polimorfisme Berbasis Antarmuka.

2. Implementasi TextCell

Konstruktor TextCell mempersiapkan input mentah dengan membagi string menjadi array per baris. Hal ini mengalihkan kompleksitas dari fase rendering ke fase instansiasi.

this.text = text.split("\n");

3. Menggambar yang Pasti

Konstruktor gambar(lebar, tinggi) metode memastikan bahwa setiap hasil sel dilengkapi secara sempurna menggunakan fungsi bantu repeat() bantuan. Hal ini menjaga pemadanan vertikal dan horizontal tanpa tergantung pada panjang konten.

$$\text{Padding} = \text{Lebar} - \text{panjang.baris}$$

TERMINALbash — 80x24

> Ready. Click "Run" to execute.

QUESTION 1

What is the primary benefit of the Table Interface contract in this design?

It forces all data to be strings.

It allows the layout engine to remain agnostic of the data it displays.

It speeds up JavaScript memory allocation.

It automatically creates HTML tables.

QUESTION 2

In TextCell.prototype.minWidth, why is reduce used?

To sum the length of all lines.

To find the longest line length in the cell.

To remove empty lines.

To convert the array back into a string.

✅ Correct!

It uses Math.max within reduce to distill the array of lines down to a single maximum width value.

QUESTION 3

What does TextCell.prototype.draw(width, height) return?

A single long string with newline characters.

A canvas object for rendering.

An array of strings, each exactly 'width' characters wide.

A boolean indicating if the draw was successful.

QUESTION 4

What is the purpose of the repeat helper function?

To handle cell borders.

To add padding spaces to ensure straight columns.

To duplicate rows for larger tables.

To loop through the cell array.

❌ Incorrect

repeat is a utility for string padding, which is critical for visual alignment in text tables.

QUESTION 5

How does TextCell handle a multi-line string input?

It rejects it as invalid data.

It stores it as an array using split('\n').

It replaces newlines with spaces.

It only keeps the first line.

❌ Incorrect

The constructor breaks the input down so minHeight and minWidth can perform calculations on the lines.